@charset "utf-8";
/* CSS Document */

ul{
list-style-type:none;
}

*{
margin: 0px;
padding: 0px;
border: 0 none;
}



button{
cursor:pointer;


}

html, body{
height: 100%;
}

body{
background: url(../images/background.jpg) repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
div#site_container{
min-height: 100%;
position: relative;
width: 100%;
}

div#wrapper{
width: 860px;
margin: 0 auto;
padding: 0 0 105px 0;
}

div#header{
width: 860px;
height: 195px;
background: url(../images/logo_outside_rounding.jpg) no-repeat left center;
position: relative;

}

div#footer{
width: 100%;
height: 101px;
color:#000000;
background: url(../images/footer_back.png) repeat-x transparent;
bottom: 0px;
position: absolute;
left: 0;

}

div#innerFooter{

z-index: 100;
position:absolute;
bottom: 0;
height: 80px;
width: 860px;
}

div#innerFooter ul{
float: left;
}

div#innerFooter div{
float: right;
}

div#innerFooter div img{
float: left;
width: 150px;
margin: 0 0 0 10px;
}



div#innerFooter ul li{
float: left;
margin: 0 10px 0 0;
font-size: 0.9em;

}

div#innerFooter ul li a{
color:#000;
}
h1{
width: 316px;
height: 162px;
display: block;
}

h1 a{
position: absolute;
top: 16px;
left: -15px;
text-indent: -9999px;
background: url(../images/logo.png) no-repeat;
width: 316px;
height: 162px;
display: block;
}

div#login_box{
width: 294px;
height: 41px;
background: url(../images/inlog_box_background.png) no-repeat;
position: absolute;
top: 0px;
left: 551px;
z-index: 500;

padding: 0 0 0 15px;
}


div#login_box input{

background: url(../images/input_box_background.jpg) no-repeat;
padding: 3px 4px 0 4px;
margin: 7px 0 0 10px;
width: 105px;
height: 19px;
float: left;
}

div#login_box button{
background: url(../images/arrow_orange.png) no-repeat;
width:22px;
height: 22px;
float: left;
margin: 6px 0 0 10px;
text-indent: -9999px;
}

div#login_menu_container{
width: 400px;
heigth: 30px;
position: absolute;
top: 5px;
left: 140px;
}

ul#login_menu{
float: right;
}

ul#login_menu li{
float: left;
margin: 0 0 0 7px;
}

ul#login_menu li.spacer{
background: url(../images/login_menu_stripe.jpg) no-repeat right center;
padding: 0 6px 0 0;
}

ul#login_menu li a{
color: #222;
text-decoration: underline;
font-size: 0.95em;
}

ul#login_menu li a:hover{

text-decoration: none;

}

#flex_container{
position: absolute;
height: 110px; 
width: 505px;
background:#CCCCCC;
top: 45px;
left: 350px;

}

ul#menu{
position: absolute;
top: 168px;
left: 150px;
}

ul#menu li{
margin: 0 19px 0 0;
float: left;
}

ul#menu li a{
color: #fff;
font-weight:bold;
text-decoration: none;
font-size: 0.95em;

}

div#search_box{
position: absolute;
top: 167px;
left: 700px;
width: 145px;
height: 30px;
}


div#search_box input{
float: left;
padding: 3px 4px 0 4px;
background: url(../images/search_box_background.jpg) no-repeat;
width: 105px;
height: 19px;
}

div#search_box button{
float: right;
text-indent: -9999px;
background:url(../images/arrow_blue.png) no-repeat;
width: 22px;
height: 22px;

}

div#content{
width: 860px;
margin: 50px 0 0 0;
padding: 0 0 50px 0;
overflow: hidden;

}

hr{

width: 860px;
background: url(../images/hr.jpg) no-repeat center center;
height: 2px;
margin: 20px 0 0 0;
}


h2{
background: url(../images/logo_mini.png) #f0f1e3 no-repeat 10px center;
height: 30px;
text-indent: 50px;
color: #78abaa;
font-size: 1.3em;
padding: 7px 0 0 0;
margin: 0 0 10px 0;
text-transform: uppercase;
}

h2 a{
color: #78abaa;
text-decoration: none;
}


h3{
color: #f98301;
font-size: 1.1em;
margin: 0 0 10px 0;

}

p.justify{
text-align: justify;
width: 100%;
}

a{

color: #f98301;
text-decoration:underline;
}

a:hover{
text-decoration: none;
}


ul#login_list{
font-weight:bold;
float: right;
margin: 0 12px 0 0;
}

ul#login_list li{
margin: 9px 6px 0 0;
color: #fff;
font-size: 0.9em;
float: left;
}

ul#login_list li.spacer{
background: url(../images/white_line.jpg) right center no-repeat;
padding: 0 6px 0 0;
}

ul#login_list li a{
color: #fff;


}

ul#login_list li a#control_panel_btn{
background: url(../images/arrow_orange.png) no-repeat right center;
padding: 2px 25px 2px 0;
text-decoration: none; 
}

.bold{

font-weight: bold;
}

.left{
float: left;
}

.right{
float: right;
}



ul.form_container{
width: 100%;
margin: 0 0 50px 0;
clear: both;
}

ul.form_container li{
background: #75a9a8;
min-height: 40px;

margin: 0 0 5px 0;
overflow:hidden;

}


ul.form_container li label em{
color: #ff0000;
font-size: 2em;
position: absolute;
left: 200px;
}



ul.form_container li input{
float: right;
margin: 7px 400px 0 0;
background: url(../images/input_field.jpg) no-repeat;
width: 212px;
padding: 5px 5px 0 5px;
height: 22px;
}


ul.form_container li input.checkbox{
width: 20px;
padding: 5px;
margin: 10px 595px 0 0;

}
ul.form_container li input.fileField{

margin: 7px 403px 0 0;


}

ul.form_container li textarea{
float: right;
height: 227px;
width: 512px;
padding: 5px;
margin: 7px 98px 7px 0;
background: url(../images/textarea_background.jpg) no-repeat;
}

div.mceEditor{
padding: 10px 0 10px 0;
width: 520px;
height: 240px;
margin: 0 100px 0 0;
float: right;
}

table.mceLayout{
clear:both;
height: 250px;
width: 500px;
margin: 7px 98px 7px 0;
padding: 10px 0 10px 0;
background: #666666;

}


ul.form_container li select{
float: right;
width: 217px;
margin: 7px 403px 7px 0;
height: 25px;

}


ul.form_container li button{
background: url(../images/button.jpg) no-repeat center center;
width: 150px;
height: 35px;
margin: 3px 0 0 238px;

}



ul.form_container li button span{
color: #fff;
font-weight: bold;
font-size: 1.1em;
line-height: 2;

}


ul.form_container li label{
float: left;
display:block;
width: 200px;
margin: 10px 0 0 10px;
color: #fff;
font-weight:bold;
position: relative;
}



ul#breadcrumb{
position: absolute;
top: 202px;
left: 1px;
}


ul#breadcrumb li{
background: url(../images/breadcrumb_arrow.png) left center no-repeat;
padding: 0 0 0 15px;
margin: 0 5px 0 0;
float: left;
height: 20px;
line-height: 1.2;
color: #31312b;
font-size: 0.9em;
}

ul#breadcrumb li a{
color: #31312b;
}

ul#breadcrumb li a:hover{
text-decoration: underline;
}
ul#breadcrumb li.first{
background: none;
margin: 0;
padding: 0;

}
ul#breadcrumb li.first a{
background: url(../images/icons/chart_organisation.png) left center no-repeat;
padding: 0 0 0 30px;
margin: 0 10px 0 5px;
}

div.form_errors{
width: 100%;
margin: 0 0 20px 0;
color: #eee;
clear: both;
}

div.form_errors h3{
height: 40px;
text-indent: 40px;
line-height: 2.2;
background: #ec3b3b url(../images/icons/error_shield.jpg) 10px center no-repeat;
color: #eee;

}

div.form_info{
background: url(../images/icons/info_shield.jpg) 14px 17px no-repeat #6c93ff;
min-height: 20px;
margin: 0 0 10px 0;
padding: 15px 0 15px 40px;
color: #fff;
font-weight: bold;
clear: both;
}


div.form_errors ul li{
color: #eee;

height: 30px;
background: #ec3b3b;
margin: 0 0 3px 0;
line-height: 2;
text-indent: 10px;

}

div.form_succes{
width: 100%;
margin: 0 0 20px 0;
clear: both;
}

div.form_succes h3{
background: #73d548 url(../images/icons/succes_shield.jpg) 10px center no-repeat;
height: 40px;
text-indent: 40px;
line-height: 2.2;
color: #fff;
}

div.form_succes p{
width: 100%;
background: #73d548;
margin: 5px 0 5px 0;
color: #fff;
text-indent: 10px;
padding: 5px 0 5px 0;
}

div#map_canvas{
width: 100%;
height: 500px;
}

ul.item_edit_list{
margin: 5px 0 20px 0;
clear: both;

}

ul.item_edit_list li{
height: 35px;
margin: 0 0 5px 0;
background: #74a8a7;
text-indent: 20px;
line-height: 2.3;
}
ul.item_edit_list li span{
float: left;
color: #fff;
font-weight: bold;
}

ul.item_edit_list li div{
width: 50px;
float: right;
height: 20px;
margin: 10px 20px 0 0;

}
ul.item_edit_list li div a.deleteLink{
text-indent: -9999px;
display: block;
background:url(../images/icons/page_delete.png) no-repeat center center;
float: right;
width: 16px;
height: 16px;
}

ul.item_edit_list li div a.editLink{
text-indent: -9999px;
display: block;
background:url(../images/icons/page_edit.png) no-repeat center center;
float: left;
width: 16px;
height: 16px;
}


ul.page_menu{
height: 35px;
width: 95%;
clear: both;
margin: 10px 0 10px 20px;
}


ul.page_menu li a.backBtn{
background: url(../images/arrow_orange_back.png) 0 center no-repeat;
float: left;
padding: 0 10px 0 30px;
color: #ff7d00;
width:150px;
text-align: left;
}


ul.page_menu li a{
display: block;
height: 27px;
color: #fff;
text-decoration: none;
line-height: 1.7;
font-weight: bold;

}



ul.page_menu li a.forBtn {
background:transparent url(../images/arrow_orange.png) no-repeat scroll 185px center;
color:#FF7D00;
float:right;
padding:0 30px;
text-align:right;
width:150px;
}

a.addLink{
float: left;
background:  url(../images/icons/page_add.png) #ff7d00 5px center no-repeat;
padding: 5px 5px 5px 25px;
margin: 10px 0 20px 0;
text-decoration: none;
color: #fff;
}

div.errorDiv{
background: #ec3b3b url(../images/icons/error_shield.jpg) 10px center no-repeat;
width: 100%;
min-height: 40px;
color: #fff;
font-size: 1.2em;
font-weight:bold;
padding: 15px  0 0 40px;
clear: both;
}




a.terug{
float: right;
background: url(../images/icons/prev.png) 2px center no-repeat #ff7d00;
color:#fff;
margin: 10px 0 15px 0;
padding: 5px 5px 5px 20px;
text-decoration: none;
}

table.inabuurt{
width: 100%;
clear: both;
}

table.inabuurt tr{
color: #fff;
height: 35px;
background:#74A8A7;
margin: 5px 0 0 0;


}
table.inabuurt tr:hover{
background: #F98301;

}
table.inabuurt td{
border-bottom: 2px solid #fff;
text-indent: 20px;
}


table.inabuurt td a{
text-decoration: none;
color: #fff;

}

table.inabuurt td a:hover{
text-decoration: underline;
}

table.inabuurt th{

text-indent: 20px;
border-bottom: 3px solid #fff;
height: 40px;
background: #F98301;
text-align: left;

}

ul#vraag{
background: #74A8A7;
height: 50px;
padding: 0 0 0 220px;
}

ul#vraag li{
float: left;
margin: 8px 100px 0 0;
}

ul#vraag li a{
display: block;
background: url(../images/button.png) center center no-repeat;
width: 153px;
height: 35px;
color: #fff;
text-decoration: none;
font-weight: bold;
text-align: center;
line-height: 2.2;
}

div#register{
background: #74A8A7; 
height: 40px;
color: #fff;
font-size: 1.2em;
}

div#register img{
margin: 12px 20px 0 20px;
}